<template>
	<div class="mui-content tmpl">
		<nav-bar-vue title="新闻详情"></nav-bar-vue>
		<div class="mui-content-padded" v-text="title" style="color: dodgerblue;"></div>
		<div class="mui-content-padded">
			<span>创建时间:2017-12-05</span>
			<span>点击:15</span>
			<span>分类:计算机软件</span>
		</div>
		<div v-html="content" class="mui-content-padded"></div>
		<pin-lun-vue></pin-lun-vue>
	</div>
</template>

<script>
	export default {
		data() {
			return {
			};
		},
		created() {
			// ajax请求
			/*let id = this.$route.query.id;
			this.$axios.get('getnew/' + id).then(res => {
				
			}).catch(err => {
				
			});*/

			this.content = `
			<font color = 'red'>这里是内容</font>
			` + this.$route.query.id;
			this.title = "VUE专题(三)组件之间的传值(父传子,子传父,非父子组件之间通信)";
		}
	}
</script>